import React, { Component } from 'react'
import { WriterWrapper, WriterTitle, WriterItem } from '../style'

class Writer extends Component {
  render() {
    return (
      <WriterWrapper>
        <WriterTitle>
          <span>推荐作者</span>
          <span className="title-change">
            <i
              ref={spin => {
                this.spinIcon = spin
              }}
              className="iconfont spin"
            >
              &#xe851;
            </i>
            换一批
          </span>
        </WriterTitle>
        <WriterItem>
          <div className="writer-avatar">
            <img
              alt=""
              src="//upload.jianshu.io/users/upload_avatars/6305091/b1912e7b-20d1-41a6-94f3-5a0d1c81fc5a.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/96/h/96/format/webp"
            />
          </div>
          <div className="writer-content">
            <p className="writer-name">只有一半影子的人</p>
            <p className="writer-detail">写了234.7k字 · 699喜欢</p>
          </div>
          <div className="writer-look">
            +关注
          </div>
        </WriterItem>
      </WriterWrapper>
    )
  }
}

export default Writer
